/*
 * @Author: LiZn
 * @Date: 2021-09-20 04:36:52
 * @LastEditTime: 2021-09-20 04:43:57
 * @LastEditors: LiZn
 * @Description: 弹窗组件,可根据情况进行配置
 * @FilePath: \project\project\src\utils\messagebox.js
 */
import Vue from 'vue';
// import {} from ''//引入弹窗模板
function MessageBox(box,props){
  const Message = Vue.extend(box);//引入弹窗组件
  const MessageNode = new Message({propsData:props});//为组件传入数据，MessageNode是一个组件实例
  MessageNode.$mount();
  document.body.appendChild(MessageNode.$el);//挂载到页面
  MessageNode.remove = () => {
    //移出组件
    document.body.removeChild(MessageNode.$el)
    MessageNode.$destroy();
  }
}
export default {
  install(Vue){
    Vue.prototype.$Message = function(options){
      return MessageBox('组件',options);//options是组件配置
    }
  }
}